import { Icon, Menu } from 'antd';
// import { ClickParam } from 'antd/es/menu';
import { FormattedMessage } from 'umi-plugin-react/locale';
import React from 'react';
// import { connect } from 'dva';
// import router from 'umi/router';

import HeaderDropdown from '../HeaderDropdown';
import styles from './index.less';

class Link {
  Name: string | undefined;
  Link: string | undefined;
}

let MenuData: Array<Link> = [{ Name: '', Link: '' }];

class HelprDropdown extends React.Component {
  render(): React.ReactNode {
    const menuHeaderDropdown = (
      <Menu className={styles.menu} selectedKeys={[]}>
        <Menu.Item key="center">
          <a href="https://gitee.com/lanhuxing/LanhuFx" target="_blank" rel="noopener noreferrer">
            Gitee
          </a>
        </Menu.Item>
        <Menu.Item key="center">Ant Design</Menu.Item>
        <Menu.Item key="center">Ant Design Pro</Menu.Item>
      </Menu>
    );

    return (
      <HeaderDropdown overlay={menuHeaderDropdown}>
        <span className={`${styles.action} ${styles.account}`}>
          <Icon type="question-circle-o" />
        </span>
      </HeaderDropdown>
    );
  }
}

export default HelprDropdown;
